<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>幻灯片</title>
    <link rel="stylesheet" href="__PUBLIC__/css/index.css"/>
  <style>
    body{background-color: #1D1D1D}
  </style>
</head>
<body>
<div class="carousel content-main">
    <ul class="list">
        <li><img src="__PUBLIC__/img/photo_1.jpg"/></li>
        <li><img src="__PUBLIC__/img/photo_2.jpg"/></li>
        <li><img src="__PUBLIC__/img/photo_1.jpg"/></li>
        <li><img src="__PUBLIC__/img/photo_2.jpg"/></li>
    </ul>
</div>
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="__PUBLIC__/js/index.js"></script>
<script>
    $('.list li').css('top',0);
    var setting = {
        width:1000,
        height:270,
        postWidth:658,
        postHeight:270,
        scale:0.8,
        speed:500,
        verticalAlign:"center"
    }
    $(".carousel").attr("data-setting",'{ "width":900,"height":411,"postWidth":658}')
    Carousel.init($(".carousel"))
</script>
</body>
</html>